text-xs, sm, base, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, 8xl, 9xl
text-xs = extra small
text-sm = small
text-base = base / default font size
text-lg = large
text-xl = extra large
text-2xl = 2times extra large
text-3xl = 3times extra large
text-4xl = 4times extra large
There is only xl - to - 9xl, no more than that size
text-[50px], Custom Font size to text
font-sans, serif, mono
Tailwind is Awesome! - font-sans
Tailwind is Awesome! - font-serif
Tailwind is Awesome! - font-mono
font-thin (100), light(300), extralight(200) normal(400), medium(500),
semibold(600), bold(700), extrabold(800), black(900)
font-thin, font-weight: 100;
font-extralight, font-weight: 200;
font-light, font-weight: 300;
font-normal, font-weight: 400;
font-medium, font-weight: 500;
font-semibold,font-weight: 600;
font-bold, font-weight: 700;
font-extrabold, font-weight: 800;
font-black, font-weight: 900;
font-[value] font-weight:'value';
This font weight is 200
This font weight is 800
tracking-tighter, tight, normal, wide, wider, widest, [value]
Here Letters are tighter
Here Letters are tight
Here Letters are normal
Here Letters are wide
Here Letters are wider
Here Letters are widest
Here Letters are 10px wide
text-left, center, right, justify, start, end
This text is left
This text is center
This text is right
This text is justify
This text is start
This text is end
decoration-num, from-front,auto,(length: custom_property), [value]
Text is underlined with decoration-4, means underline is 4px thicker
unline of a text can be only 1-4px using decoration-(1-4)px
Line through decoration can be only 1/2
overline with decoration 2px, it can olny be 1/2
Tailwind is awesome | no-underline
underline decoration-solid,double, dotted, dashed, wavy
Tailwind decoration-solid
Tailwind decoration-double
Tailwind decoration-dotted
Tailwind decoration-dashed
Tailwind decoration-wavy
Underline 10px thickness of underline decoration-[10px]
decoration-1
decoration-2
decoration-4
underline-offset-1,2,3,4,8 | here 1,2,4,8 works, other dosen't, they are like 1,(3,5,6,7,more than 8)
Underline Offset 1
Underline Offset 3,. here 1 and 3 are like same
Underline Offset 2
Underline Offset 8
Lorem ipsum dolor sit value... like this underline underline-offset-[13px]
inside class=" " -> uppercase, lowercase, capitalize, normal-case
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick Brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog